<template>
  <div class="OfficialCertification">
    <HeaderComponent image_='0' title="官方认证"  background='#ffffff' color='#000000' size='4.8vw' />
    <div class="header-img" :style="{paddingTop:height +'px'}">
      <img src="https://img.xunyinjiaoyou.com/static/activity/OfficialCertification/img1a.png" alt="">
    </div>
    <div class="body_center">
      <img src="https://img.xunyinjiaoyou.com/static/activity/OfficialCertification/img2a.png" alt="">
    </div>
    <div class="body_center2">
      <img src="https://img.xunyinjiaoyou.com/static/activity/OfficialCertification/img3a.png" alt="">
    </div>
    <div class="body_center3">
      <img src="https://img.xunyinjiaoyou.com/static/activity/OfficialCertification/img4a.png" alt="">
    </div>
    <div class="body_center4">
      <img src="https://img.xunyinjiaoyou.com/static/activity/OfficialCertification/img5a.png" alt="">
    </div>
    <div class="body_center5">
      <img src="https://img.xunyinjiaoyou.com/static/activity/OfficialCertification/img6a.png" alt="">
    </div>
    <div class="body_center6">
      <img src="https://img.xunyinjiaoyou.com/static/activity/OfficialCertification/img7a.png" alt="">
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, inject } from 'vue'
import HeaderComponent from '@/components/header_component/HeaderComponent.vue'
export default defineComponent({
    components: {
        HeaderComponent
    },
    setup() {
        const height = inject<string>('getHeight') ? inject<string>('getHeight') : 0
        return {
            height
        }  
    }
})
</script>

<style lang="less" scoped>
@import './OfficialCertification.less';
</style>